<template>
    <div class="right_box">
        <MYUSEDATA  v-if="activebox==='index'"/>
        <MYREMARK v-if="activebox==='myremark'"/>
        <MYSPECIAL  v-if="activebox==='myspecial'"   />
        <MYWEEKEXPORT v-if="activebox==='myweekexport'"/>
        <MYTEXT  v-show="activebox==='mytext'"/>
    
    </div>
    <!-- 实际上面这些管理类可以用公共组件 -->
</template>

<script setup>
import { defineProps, onMounted, ref } from 'vue';
import MYUSEDATA from "./index.vue"
import MYREMARK from "./manage/mycomments/layout.vue"
import MYSPECIAL from "./manage/myspecial/layout.vue"
import MYWEEKEXPORT from "./my_weekexport.vue"
import MYTEXT from "./manage/mytext/layout.vue"
const props= defineProps({
    activebox: {
        type: String,
        required: true,
        default: 'index'
    }
})



</script>

<style  scoped>
.right_box{
    display: inline-block;
    margin-top: 80px;
    width: 1280px;
    overflow: scroll;
    margin-left: 20px;
    height:500px;
}
.right_box::-webkit-scrollbar{
    display: none;
}

</style>